<template>
  <div id="app" class="main">
    <div id="_j_cover_box" class="set_index" style="height: 449.667px;">
      <div
        class="set_bg _j_load_cover"
        style="
          z-index: 1;
          opacity: 1;
          background: url('https://luowowo-demo.oss-cn-shenzhen.aliyuncs.com/wKgE2l0ceZWATUSUAA0zDKigyFs01.jpeg');
        "
      >
        <img :src="dataList.coverUrl" style="display: block;" />
      </div>

      <div class="_j_titlebg">
        <div class="title_bg"></div>
        <div data-length="8" class="view_info">
          <div class="vi_con">
            <h1
              data-length="8"
              class="headtext lh80"
              style="white-space: nowrap; overflow-wrap: normal;"
            >
              {{ dataList.title }}
            </h1>
          </div>
        </div>
      </div>
    </div>
    <div class="view_title clearfix">
      <div
        id="pagelet-block-a674ace86856fc38da868e9d1ed7b49c"
        class="pagelet-block"
      >
        <div class="vt_center">
          <div class="ding _j_ding_father">
            <a
              role="button"
              data-japp="articleding"
              rel="nofollow"
              data-iid="12655354"
              data-vote="7"
              title="顶"
              class="up_act"
            >
              顶
            </a>
            <div class="num _j_up_num topvote12655354">{{ dataList.thumbsupnum }}</div>
          </div>
          <div data-cs-t="ginfo_person_operate" class="person">
            <a href="javascript:;" class="per_pic">
              <img
                width="120"
                height="120"
                src="../../public/img/default.jpg"
              />
            </a>
            <strong>
              <a href="javascript:;" class="per_name">
                {{ nickname }}({{ city }})
              </a>
            </strong>
            <a
              href="javascript:;"
              
              title="LV.9"
              class="per_grade"
            >
              LV.9
            </a>
            <a
              href="javascript:void(0);"
              data-japp="following"
              data-uid="67648461"
              data-follow_class="hide"
              class="per_attention"
            >
              <img
                src="../../public/img/btn_sfollow.gif"
                width="38"
                height="13"
                border="0"
                title="关注TA"
              />
            </a>

            <div class="vc_time">
              <span class="time">
                {{createTime }}
              </span>
              <span>
                <i class="ico_view"></i>
                {{ dataList.viewnum }}/{{ dataList.replynum }}
              </span>
            </div>
          </div>
          <div class="bar_share _j_share_father _j_top_share_group">
            <div class="bs_collect">
              <a
                href="javascript:void(0);"
                rel="nofollow"
                title="收藏"
                data-ctime="2019-05-07 21:16:29"
                class="bs_btn _j_do_fav"
              >
                <i></i>
                <span>{{ dataList.favornum }}</span>
                <strong>收藏</strong>
              </a>
            </div>
            <div class="bs_share">
              <a
                href="javascript:void(0);"
                rel="nofollow"
                title="分享"
                class="bs_btn"
              >
                <i></i>
                <span>{{ dataList.sharenum }}</span>
                <strong>分享</strong>
              </a>
              <div class="bs_pop clearfix" style="display: none;">
                <a
                  title="分享到新浪微博"
                  rel="nofollow"
                  role="button"
                  class="sina"
                ></a>
                <a
                  title="分享到QQ空间"
                  rel="nofollow"
                  role="button"
                  class="zone"
                ></a>
                <a
                  title="分享到微信"
                  rel="nofollow"
                  role="button"
                  class="weixin"
                ></a>
              </div>
            </div>
            <div class="bs_collect">
              <a
                href="javascript:void(0)"
                class="bs_btn _j_goto_comment"
              >
                <i></i>
                <strong>编辑</strong>
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="view clearfix" style="position: relative;">
      <div class="view_con">
        <div class="travel_directory _j_exscheduleinfo">
          <div class="tarvel_dir_list clearfix">
            <ul>
              <li class="time">
                出发时间
                <span>/</span>
                {{ travelTime}}
                <i></i>
              </li>
              <li class="day">
                出行天数
                <span>/</span>
                {{ dataList.day }} 天
              </li>
              <li class="people">
                人物
                <span>/</span>
                情侣/夫妻
              </li>
              <li class="cost">
                人均费用
                <span>/</span>
                {{ dataList.perExpend }}RMB
              </li>
            </ul>
          </div>
        </div>
        <div class="vc_article vc_articleT" style="width: 100%;">
         <div v-html="dataList.content"></div>
        </div>
        <div>
          <div id="_j_reply_list" class="mfw-cmt-wrap"></div>
          <div class="mcmt-reply-wrap _j_replywrap">
            <div class="mcmt-tab">
              <ul class="_j_replytab">
                <li data-mode="article" class="_j_publish_tab on">
                  回复游记
                  <i></i>
                </li>
              </ul>
            </div>
            <div class="mcmt-tab-con">
              <div class="photo-con">
                <a
                  href="./u/53383161.html"
                  target="_blank"
                  title="蚂蜂测试窝用户"
                >
                  <img
                    src="../../public/img/wKgED1uqIreAU9QZAAAXHQMBZ74008.png"
                    alt="骡窝窝测试用户"
                  />
                </a>
              </div>
              <div
                id="_j_editor"
                class="reply-con clearfix _j_article_mode _j_editor"
                style="display: block;"
              >
                <dl>
                  <dt>
                    <div class="reply-choice">
                      <a
                        role="button"
                        id="_j_replyfacetrigger"
                        title="选择表情"
                        class="expression"
                      ></a>
                      <div class="clear"></div>
                      <div
                        id="_js_replyExpression"
                        class="art_pop art_newpop _j_face_pop hide"
                        style="display: none;"
                      >
                        <div class="art_newtab">
                          <div class="newtab-nav">
                            <ul class="_j_switch_container">
                              <li class="cur _j_face_tab">
                                小蚂小蜂
                              </li>
                              <li class="_j_face_tab">
                                常用表情
                              </li>
                              <li class="_j_face_tab">
                                人物心情
                              </li>
                              <li class="_j_face_tab">
                                旅行相关
                              </li>
                              <li class="_j_face_tab">
                                服饰运动
                              </li>
                              <li class="_j_face_tab">
                                食物节日
                              </li>
                              <li class="_j_face_tab">
                                动物植物
                              </li>
                              <li class="_j_face_tab">
                                工具及其他
                              </li>
                            </ul>
                          </div>
                          <div data-page="1" class="newtab-pagin">
                            <a
                              data-type="prev"
                              href="javascript:void(0);"
                              class="newtab-prev disabled _j_face_switch"
                            >
                              <i><i></i></i>
                            </a>
                            <a
                              data-type="next"
                              href="javascript:void(0);"
                              class="newtab-next _j_face_switch"
                            >
                              <i><i></i></i>
                            </a>
                          </div>
                        </div>
                        <div
                          data-emotion="brands"
                          class="art_newface art_newface1 _j_emojilist"
                        >
                          <ul>
                            <li title="愤怒小蜂" class="_j_emojiitem">
                              <img src="../../public/img/38@2x.png" />
                            </li>
                            <li title="害羞小蜂" class="_j_emojiitem">
                              <img src="../../public/img/39@2x.png" />
                            </li>
                            <li title="白眼小蜂" class="_j_emojiitem">
                              <img src="../../public/img/40@2x.png" />
                            </li>
                            <li title="机智小蜂" class="_j_emojiitem">
                              <img src="../../public/img/41@2x.png" />
                            </li>
                            <li title="奸笑小蜂" class="_j_emojiitem">
                              <img src="../../public/img/42@2x.png" />
                            </li>
                            <li title="扮酷小蚂" class="_j_emojiitem">
                              <img src="../../public/img/2@2x.png" />
                            </li>
                            <li title="大哭小蜂" class="_j_emojiitem">
                              <img src="../../public/img/4@2x.png" />
                            </li>
                            <li title="大笑小蜂" class="_j_emojiitem">
                              <img src="../../public/img/5@2x.png" />
                            </li>
                            <li title="得意小蜂" class="_j_emojiitem">
                              <img src="../../public/img/6@2x.png" />
                            </li>
                            <li title="犯色相小蚂" class="_j_emojiitem">
                              <img src="../../public/img/7@2x.png" />
                            </li>
                            <li title="害羞小蚂" class="_j_emojiitem">
                              <img src="../../public/img/9@2x.png" />
                            </li>
                            <li title="尴尬小蜂" class="_j_emojiitem">
                              <img src="../../public/img/10@2x.png" />
                            </li>
                            <li title="哼小蚂" class="_j_emojiitem">
                              <img src="../../public/img/11@2x.png" />
                            </li>
                            <li title="坏笑小蜂" class="_j_emojiitem">
                              <img src="../../public/img/12@2x.png" />
                            </li>
                            <li title="可怜哭小蜂" class="_j_emojiitem">
                              <img src="../../public/img/13@2x.png" />
                            </li>
                            <li title="困小蜂" class="_j_emojiitem">
                              <img src="../../public/img/15@2x.png" />
                            </li>
                            <li title="流汗小蚂" class="_j_emojiitem">
                              <img src="../../public/img/16@2x.png" />
                            </li>
                            <li title="么么哒小蚂" class="_j_emojiitem">
                              <img src="../../public/img/17@2x.png" />
                            </li>
                            <li title="晕小蜂" class="_j_emojiitem">
                              <img src="../../public/img/18@2x.png" />
                            </li>
                            <li title="爱心小蜂" class="_j_emojiitem">
                              <img src="../../public/img/20@2x.png" />
                            </li>
                            <li title="偷笑小蚂" class="_j_emojiitem">
                              <img src="../../public/img/21@2x.png" />
                            </li>
                            <li title="微笑小蚂" class="_j_emojiitem">
                              <img src="../../public/img/23@2x.png" />
                            </li>
                            <li title="心碎小蜂" class="_j_emojiitem">
                              <img src="../../public/img/24@2x.png" />
                            </li>
                            <li title="再见小蜂" class="_j_emojiitem">
                              <img src="../../public/img/28@2x.png" />
                            </li>
                            <li title="赞小蜂" class="_j_emojiitem">
                              <img src="../../public/img/29@2x.png" />
                            </li>
                            <li title="抓狂小蚂" class="_j_emojiitem">
                              <img src="../../public/img/31@2x.png" />
                            </li>
                            <li title="捂脸小蜂" class="_j_emojiitem">
                              <img src="../../public/img/36@2x.png" />
                            </li>
                            <li title="笑哭" class="_j_emojiitem">
                              <img src="../../public/img/37@2x.png" />
                            </li>
                          </ul>
                        </div>
                        <div
                          data-emotion="golden"
                          class="art_newface art_newface2 _j_emojilist hide"
                        >
                          <ul>
                            <li title="大笑" class="_j_emojiitem">
                              <img src="../../public/img/1@2x.png" />
                            </li>
                            <li title="微笑" class="_j_emojiitem">
                              <img src="../../public/img/2@2x(1).png" />
                            </li>
                            <li title="亲亲" class="_j_emojiitem">
                              <img src="../../public/img/3@2x.png" />
                            </li>
                            <li title="色色" class="_j_emojiitem">
                              <img src="../../public/img/5@2x(1).png" />
                            </li>
                            <li title="笑cry" class="_j_emojiitem">
                              <img src="../../public/img/79@2x.png" />
                            </li>
                            <li title="无奈" class="_j_emojiitem">
                              <img src="../../public/img/6@2x(1).png" />
                            </li>
                            <li title="睡觉" class="_j_emojiitem">
                              <img src="../../public/img/19@2x.png" />
                            </li>
                            <li title="害羞" class="_j_emojiitem">
                              <img src="../../public/img/8@2x.png" />
                            </li>
                            <li title="酷" class="_j_emojiitem">
                              <img src="../../public/img/9@2x(1).png" />
                            </li>
                            <li title="鬼脸" class="_j_emojiitem">
                              <img src="../../public/img/12@2x(1).png" />
                            </li>
                            <li title="大哭" class="_j_emojiitem">
                              <img src="../../public/img/21@2x(1).png" />
                            </li>
                            <li title="生气" class="_j_emojiitem">
                              <img src="../../public/img/27@2x.png" />
                            </li>
                            <li title="抓狂" class="_j_emojiitem">
                              <img src="../../public/img/52@2x.png" />
                            </li>
                            <li title="汗" class="_j_emojiitem">
                              <img src="../../public/img/54@2x.png" />
                            </li>
                            <li title="惊悚" class="_j_emojiitem">
                              <img src="../../public/img/83@2x.png" />
                            </li>
                            <li title="生病" class="_j_emojiitem">
                              <img src="../../public/img/47@2x.png" />
                            </li>
                            <li title="闭嘴" class="_j_emojiitem">
                              <img src="../../public/img/25@2x.png" />
                            </li>
                            <li title="精灵" class="_j_emojiitem">
                              <img src="../../public/img/44@2x.png" />
                            </li>
                            <li title="邪恶" class="_j_emojiitem">
                              <img src="../../public/img/85@2x.png" />
                            </li>
                            <li title="魅力四射" class="_j_emojiitem">
                              <img src="../../public/img/30@2x.png" />
                            </li>
                            <li title="吻" class="_j_emojiitem">
                              <img src="../../public/img/33@2x.png" />
                            </li>
                            <li title="爱心" class="_j_emojiitem">
                              <img src="../../public/img/32@2x.png" />
                            </li>
                            <li title="心碎" class="_j_emojiitem">
                              <img src="../../public/img/31@2x(1).png" />
                            </li>
                            <li title="剪刀手" class="_j_emojiitem">
                              <img src="../../public/img/88@2x.png" />
                            </li>
                            <li title="再见" class="_j_emojiitem">
                              <img src="../../public/img/20@2x(1).png" />
                            </li>
                            <li title="赞" class="_j_emojiitem">
                              <img src="../../public/img/28@2x(1).png" />
                            </li>
                            <li title="鼓掌" class="_j_emojiitem">
                              <img src="../../public/img/96@2x.png" />
                            </li>
                            <li title="祈祷" class="_j_emojiitem">
                              <img src="../../public/img/78@2x.png" />
                            </li>
                            <li title="甜蜜" class="_j_emojiitem">
                              <img src="../../public/img/104@2x.png" />
                            </li>
                            <li title="太阳" class="_j_emojiitem">
                              <img src="../../public/img/72@2x.png" />
                            </li>
                            <li title="下雨" class="_j_emojiitem">
                              <img src="../../public/img/67@2x.png" />
                            </li>
                            <li title="闪电" class="_j_emojiitem">
                              <img src="../../public/img/110@2x.png" />
                            </li>
                            <li title="雪" class="_j_emojiitem">
                              <img src="../../public/img/112@2x.png" />
                            </li>
                            <li title="星星" class="_j_emojiitem">
                              <img src="../../public/img/43@2x.png" />
                            </li>
                            <li title="月亮" class="_j_emojiitem">
                              <img src="../../public/img/62@2x.png" />
                            </li>
                            <li title="飞机" class="_j_emojiitem">
                              <img src="../../public/img/114@2x.png" />
                            </li>
                            <li title="自行车" class="_j_emojiitem">
                              <img src="../../public/img/132@2x.png" />
                            </li>
                            <li title="人民币" class="_j_emojiitem">
                              <img src="../../public/img/56@2x.png" />
                            </li>
                            <li title="王冠" class="_j_emojiitem">
                              <img src="../../public/img/162@2x.png" />
                            </li>
                            <li title="足球" class="_j_emojiitem">
                              <img src="../../public/img/41@2x(1).png" />
                            </li>
                            <li title="苹果" class="_j_emojiitem">
                              <img src="../../public/img/38@2x(1).png" />
                            </li>
                            <li title="香蕉" class="_j_emojiitem">
                              <img src="../../public/img/184@2x.png" />
                            </li>
                            <li title="西瓜" class="_j_emojiitem">
                              <img src="../../public/img/39@2x(1).png" />
                            </li>
                            <li title="糖果" class="_j_emojiitem">
                              <img src="../../public/img/196@2x.png" />
                            </li>
                            <li title="蜂蜜" class="_j_emojiitem">
                              <img src="../../public/img/197@2x.png" />
                            </li>
                            <li title="餐厅" class="_j_emojiitem">
                              <img src="../../public/img/64@2x.png" />
                            </li>
                            <li title="咖啡" class="_j_emojiitem">
                              <img src="../../public/img/40@2x(1).png" />
                            </li>
                            <li title="干杯" class="_j_emojiitem">
                              <img src="../../public/img/16@2x(1).png" />
                            </li>
                            <li title="蝴蝶结" class="_j_emojiitem">
                              <img src="../../public/img/201@2x.png" />
                            </li>
                            <li title="礼物" class="_j_emojiitem">
                              <img src="../../public/img/37@2x(1).png" />
                            </li>
                            <li title="生日蛋糕" class="_j_emojiitem">
                              <img src="../../public/img/36@2x(1).png" />
                            </li>
                            <li title="庆祝" class="_j_emojiitem">
                              <img src="../../public/img/207@2x.png" />
                            </li>
                            <li title="蚂蚁" class="_j_emojiitem">
                              <img src="../../public/img/211@2x.png" />
                            </li>
                            <li title="蜜蜂" class="_j_emojiitem">
                              <img src="../../public/img/212@2x.png" />
                            </li>
                            <li title="狗狗" class="_j_emojiitem">
                              <img src="../../public/img/69@2x.png" />
                            </li>
                            <li title="猫猫" class="_j_emojiitem">
                              <img src="../../public/img/68@2x.png" />
                            </li>
                            <li title="兔子" class="_j_emojiitem">
                              <img src="../../public/img/215@2x.png" />
                            </li>
                            <li title="樱花" class="_j_emojiitem">
                              <img src="../../public/img/232@2x.png" />
                            </li>
                            <li title="玫瑰" class="_j_emojiitem">
                              <img src="../../public/img/35@2x.png" />
                            </li>
                            <li title="时钟" class="_j_emojiitem">
                              <img src="../../public/img/235@2x.png" />
                            </li>
                            <li title="放大镜" class="_j_emojiitem">
                              <img src="../../public/img/237@2x.png" />
                            </li>
                            <li title="注意" class="_j_emojiitem">
                              <img src="../../public/img/51@2x.png" />
                            </li>
                            <li title="铅笔" class="_j_emojiitem">
                              <img src="../../public/img/240@2x.png" />
                            </li>
                            <li title="信" class="_j_emojiitem">
                              <img src="../../public/img/73@2x.png" />
                            </li>
                            <li title="灯泡" class="_j_emojiitem">
                              <img src="../../public/img/243@2x.png" />
                            </li>
                            <li title="对话" class="_j_emojiitem">
                              <img src="../../public/img/245@2x.png" />
                            </li>
                            <li title="图钉" class="_j_emojiitem">
                              <img src="../../public/img/246@2x.png" />
                            </li>
                            <li title="喇叭" class="_j_emojiitem">
                              <img src="../../public/img/247@2x.png" />
                            </li>
                            <li title="音乐" class="_j_emojiitem">
                              <img src="../../public/img/63@2x.png" />
                            </li>
                            <li title="置顶" class="_j_emojiitem">
                              <img src="../../public/img/258@2x.png" />
                            </li>
                          </ul>
                        </div>
                        <div
                          data-emotion="character"
                          class="art_newface art_newface2 _j_emojilist hide"
                        >
                          <ul>
                            <li title="大笑" class="_j_emojiitem">
                              <img src="../../public/img/1@2x.png" />
                            </li>
                            <li title="微笑" class="_j_emojiitem">
                              <img src="../../public/img/2@2x(1).png" />
                            </li>
                            <li title="亲亲" class="_j_emojiitem">
                              <img src="../../public/img/3@2x.png" />
                            </li>
                            <li title="色色" class="_j_emojiitem">
                              <img src="../../public/img/5@2x(1).png" />
                            </li>
                            <li title="笑cry" class="_j_emojiitem">
                              <img src="../../public/img/79@2x.png" />
                            </li>
                            <li title="无奈" class="_j_emojiitem">
                              <img src="../../public/img/6@2x(1).png" />
                            </li>
                            <li title="睡觉" class="_j_emojiitem">
                              <img src="../../public/img/19@2x.png" />
                            </li>
                            <li title="害羞" class="_j_emojiitem">
                              <img src="../../public/img/8@2x.png" />
                            </li>
                            <li title="酷" class="_j_emojiitem">
                              <img src="../../public/img/9@2x(1).png" />
                            </li>
                            <li title="晕倒" class="_j_emojiitem">
                              <img src="../../public/img/10@2x(1).png" />
                            </li>
                            <li title="眨眼" class="_j_emojiitem">
                              <img src="../../public/img/11@2x(1).png" />
                            </li>
                            <li title="鬼脸" class="_j_emojiitem">
                              <img src="../../public/img/12@2x(1).png" />
                            </li>
                            <li title="大哭" class="_j_emojiitem">
                              <img src="../../public/img/21@2x(1).png" />
                            </li>
                            <li title="大怒" class="_j_emojiitem">
                              <img src="../../public/img/46@2x.png" />
                            </li>
                            <li title="生气" class="_j_emojiitem">
                              <img src="../../public/img/27@2x.png" />
                            </li>
                            <li title="不爽" class="_j_emojiitem">
                              <img src="../../public/img/53@2x.png" />
                            </li>
                            <li title="尴尬" class="_j_emojiitem">
                              <img src="../../public/img/80@2x.png" />
                            </li>
                            <li title="嘴馋" class="_j_emojiitem">
                              <img src="../../public/img/50@2x.png" />
                            </li>
                            <li title="呵呵" class="_j_emojiitem">
                              <img src="../../public/img/81@2x.png" />
                            </li>
                            <li title="冷漠" class="_j_emojiitem">
                              <img src="../../public/img/131@2x.png" />
                            </li>
                            <li title="失落" class="_j_emojiitem">
                              <img src="../../public/img/34@2x.png" />
                            </li>
                            <li title="困惑" class="_j_emojiitem">
                              <img src="../../public/img/17@2x(1).png" />
                            </li>
                            <li title="吃惊" class="_j_emojiitem">
                              <img src="../../public/img/14@2x.png" />
                            </li>
                            <li title="抓狂" class="_j_emojiitem">
                              <img src="../../public/img/52@2x.png" />
                            </li>
                            <li title="汗" class="_j_emojiitem">
                              <img src="../../public/img/54@2x.png" />
                            </li>
                            <li title="焦虑" class="_j_emojiitem">
                              <img src="../../public/img/82@2x.png" />
                            </li>
                            <li title="惊悚" class="_j_emojiitem">
                              <img src="../../public/img/83@2x.png" />
                            </li>
                            <li title="生病" class="_j_emojiitem">
                              <img src="../../public/img/47@2x.png" />
                            </li>
                            <li title="药丸" class="_j_emojiitem">
                              <img src="../../public/img/76@2x.png" />
                            </li>
                            <li title="闭嘴" class="_j_emojiitem">
                              <img src="../../public/img/25@2x.png" />
                            </li>
                            <li title="小丑" class="_j_emojiitem">
                              <img src="../../public/img/45@2x.png" />
                            </li>
                            <li title="精灵" class="_j_emojiitem">
                              <img src="../../public/img/44@2x.png" />
                            </li>
                            <li title="天使" class="_j_emojiitem">
                              <img src="../../public/img/84@2x.png" />
                            </li>
                            <li title="邪恶" class="_j_emojiitem">
                              <img src="../../public/img/85@2x.png" />
                            </li>
                            <li title="骷髅" class="_j_emojiitem">
                              <img src="../../public/img/70@2x.png" />
                            </li>
                            <li title="魅力四射" class="_j_emojiitem">
                              <img src="../../public/img/30@2x.png" />
                            </li>
                            <li title="吻" class="_j_emojiitem">
                              <img src="../../public/img/33@2x.png" />
                            </li>
                            <li title="爱心" class="_j_emojiitem">
                              <img src="../../public/img/32@2x.png" />
                            </li>
                            <li title="心碎" class="_j_emojiitem">
                              <img src="../../public/img/31@2x(1).png" />
                            </li>
                            <li title="看" class="_j_emojiitem">
                              <img src="../../public/img/86@2x.png" />
                            </li>
                            <li title="嘴唇" class="_j_emojiitem">
                              <img src="../../public/img/87@2x.png" />
                            </li>
                            <li title="剪刀手" class="_j_emojiitem">
                              <img src="../../public/img/88@2x.png" />
                            </li>
                            <li title="击掌" class="_j_emojiitem">
                              <img src="../../public/img/89@2x.png" />
                            </li>
                            <li title="上" class="_j_emojiitem">
                              <img src="../../public/img/90@2x.png" />
                            </li>
                            <li title="下" class="_j_emojiitem">
                              <img src="../../public/img/91@2x.png" />
                            </li>
                            <li title="左" class="_j_emojiitem">
                              <img src="../../public/img/92@2x.png" />
                            </li>
                            <li title="右" class="_j_emojiitem">
                              <img src="../../public/img/93@2x.png" />
                            </li>
                            <li title="再见" class="_j_emojiitem">
                              <img src="../../public/img/20@2x(1).png" />
                            </li>
                            <li title="OK" class="_j_emojiitem">
                              <img src="../../public/img/94@2x.png" />
                            </li>
                            <li title="赞" class="_j_emojiitem">
                              <img src="../../public/img/28@2x(1).png" />
                            </li>
                            <li title="加油" class="_j_emojiitem">
                              <img src="../../public/img/95@2x.png" />
                            </li>
                            <li title="鼓掌" class="_j_emojiitem">
                              <img src="../../public/img/96@2x.png" />
                            </li>
                            <li title="祈祷" class="_j_emojiitem">
                              <img src="../../public/img/78@2x.png" />
                            </li>
                            <li title="举手" class="_j_emojiitem">
                              <img src="../../public/img/97@2x.png" />
                            </li>
                            <li title="不行" class="_j_emojiitem">
                              <img src="../../public/img/98@2x.png" />
                            </li>
                            <li title="狼狈" class="_j_emojiitem">
                              <img src="../../public/img/130@2x.png" />
                            </li>
                            <li title="男孩" class="_j_emojiitem">
                              <img src="../../public/img/74@2x.png" />
                            </li>
                            <li title="女孩" class="_j_emojiitem">
                              <img src="../../public/img/75@2x.png" />
                            </li>
                            <li title="男人" class="_j_emojiitem">
                              <img src="../../public/img/99@2x.png" />
                            </li>
                            <li title="女人" class="_j_emojiitem">
                              <img src="../../public/img/100@2x.png" />
                            </li>
                            <li title="爷爷" class="_j_emojiitem">
                              <img src="../../public/img/101@2x.png" />
                            </li>
                            <li title="奶奶" class="_j_emojiitem">
                              <img src="../../public/img/102@2x.png" />
                            </li>
                            <li title="宝宝" class="_j_emojiitem">
                              <img src="../../public/img/103@2x.png" />
                            </li>
                            <li title="甜蜜" class="_j_emojiitem">
                              <img src="../../public/img/104@2x.png" />
                            </li>
                            <li title="家庭" class="_j_emojiitem">
                              <img src="../../public/img/105@2x.png" />
                            </li>
                            <li title="情侣" class="_j_emojiitem">
                              <img src="../../public/img/106@2x.png" />
                            </li>
                            <li title="基友" class="_j_emojiitem">
                              <img src="../../public/img/107@2x.png" />
                            </li>
                            <li title="闺蜜" class="_j_emojiitem">
                              <img src="../../public/img/108@2x.png" />
                            </li>
                          </ul>
                        </div>
                        <div
                          data-emotion="travel"
                          class="art_newface art_newface2 _j_emojilist hide"
                        >
                          <ul>
                            <li title="太阳" class="_j_emojiitem">
                              <img src="../../public/img/72@2x.png" />
                            </li>
                            <li title="云" class="_j_emojiitem">
                              <img src="../../public/img/109@2x.png" />
                            </li>
                            <li title="下雨" class="_j_emojiitem">
                              <img src="../../public/img/67@2x.png" />
                            </li>
                            <li title="闪电" class="_j_emojiitem">
                              <img src="../../public/img/110@2x.png" />
                            </li>
                            <li title="多云" class="_j_emojiitem">
                              <img src="../../public/img/111@2x.png" />
                            </li>
                            <li title="雪" class="_j_emojiitem">
                              <img src="../../public/img/112@2x.png" />
                            </li>
                            <li title="星星" class="_j_emojiitem">
                              <img src="../../public/img/43@2x.png" />
                            </li>
                            <li title="月亮" class="_j_emojiitem">
                              <img src="../../public/img/62@2x.png" />
                            </li>
                            <li title="地球" class="_j_emojiitem">
                              <img src="../../public/img/113@2x.png" />
                            </li>
                            <li title="飞机" class="_j_emojiitem">
                              <img src="../../public/img/114@2x.png" />
                            </li>
                            <li title="火箭" class="_j_emojiitem">
                              <img src="../../public/img/115@2x.png" />
                            </li>
                            <li title="直升机" class="_j_emojiitem">
                              <img src="../../public/img/116@2x.png" />
                            </li>
                            <li title="火车" class="_j_emojiitem">
                              <img src="../../public/img/117@2x.png" />
                            </li>
                            <li title="电车" class="_j_emojiitem">
                              <img src="../../public/img/118@2x.png" />
                            </li>
                            <li title="高铁" class="_j_emojiitem">
                              <img src="../../public/img/119@2x.png" />
                            </li>
                            <li title="地铁" class="_j_emojiitem">
                              <img src="../../public/img/120@2x.png" />
                            </li>
                            <li title="火车站" class="_j_emojiitem">
                              <img src="../../public/img/121@2x.png" />
                            </li>
                            <li title="巴士" class="_j_emojiitem">
                              <img src="../../public/img/122@2x.png" />
                            </li>
                            <li title="出租车" class="_j_emojiitem">
                              <img src="../../public/img/123@2x.png" />
                            </li>
                            <li title="汽车" class="_j_emojiitem">
                              <img src="../../public/img/124@2x.png" />
                            </li>
                            <li title="加油站" class="_j_emojiitem">
                              <img src="../../public/img/125@2x.png" />
                            </li>
                            <li title="码头" class="_j_emojiitem">
                              <img src="../../public/img/126@2x.png" />
                            </li>
                            <li title="游轮" class="_j_emojiitem">
                              <img src="../../public/img/127@2x.png" />
                            </li>
                            <li title="帆船" class="_j_emojiitem">
                              <img src="../../public/img/128@2x.png" />
                            </li>
                            <li title="缆车" class="_j_emojiitem">
                              <img src="../../public/img/129@2x.png" />
                            </li>
                            <li title="自行车" class="_j_emojiitem">
                              <img src="../../public/img/132@2x.png" />
                            </li>
                            <li title="红绿灯" class="_j_emojiitem">
                              <img src="../../public/img/133@2x.png" />
                            </li>
                            <li title="路障" class="_j_emojiitem">
                              <img src="../../public/img/134@2x.png" />
                            </li>
                            <li title="停车场" class="_j_emojiitem">
                              <img src="../../public/img/135@2x.png" />
                            </li>
                            <li title="残疾人专用" class="_j_emojiitem">
                              <img src="../../public/img/136@2x.png" />
                            </li>
                            <li title="ATM" class="_j_emojiitem">
                              <img src="../../public/img/137@2x.png" />
                            </li>
                            <li title="换钱" class="_j_emojiitem">
                              <img src="../../public/img/138@2x.png" />
                            </li>
                            <li title="银行卡" class="_j_emojiitem">
                              <img src="../../public/img/139@2x.png" />
                            </li>
                            <li title="人民币" class="_j_emojiitem">
                              <img src="../../public/img/56@2x.png" />
                            </li>
                            <li title="美元" class="_j_emojiitem">
                              <img src="../../public/img/140@2x.png" />
                            </li>
                            <li title="欧元" class="_j_emojiitem">
                              <img src="../../public/img/141@2x.png" />
                            </li>
                            <li title="中国" class="_j_emojiitem">
                              <img src="../../public/img/142@2x.png" />
                            </li>
                            <li title="德国" class="_j_emojiitem">
                              <img src="../../public/img/143@2x.png" />
                            </li>
                            <li title="英国" class="_j_emojiitem">
                              <img src="../../public/img/144@2x.png" />
                            </li>
                            <li title="美国" class="_j_emojiitem">
                              <img src="../../public/img/145@2x.png" />
                            </li>
                            <li title="俄罗斯" class="_j_emojiitem">
                              <img src="../../public/img/146@2x.png" />
                            </li>
                            <li title="西班牙" class="_j_emojiitem">
                              <img src="../../public/img/147@2x.png" />
                            </li>
                            <li title="意大利" class="_j_emojiitem">
                              <img src="../../public/img/148@2x.png" />
                            </li>
                            <li title="法国" class="_j_emojiitem">
                              <img src="../../public/img/149@2x.png" />
                            </li>
                            <li title="日本" class="_j_emojiitem">
                              <img src="../../public/img/150@2x.png" />
                            </li>
                            <li title="韩国" class="_j_emojiitem">
                              <img src="../../public/img/151@2x.png" />
                            </li>
                            <li title="日出" class="_j_emojiitem">
                              <img src="../../public/img/152@2x.png" />
                            </li>
                            <li title="夜景" class="_j_emojiitem">
                              <img src="../../public/img/153@2x.png" />
                            </li>
                            <li title="露营" class="_j_emojiitem">
                              <img src="../../public/img/154@2x.png" />
                            </li>
                            <li title="星空" class="_j_emojiitem">
                              <img src="../../public/img/155@2x.png" />
                            </li>
                            <li title="火山" class="_j_emojiitem">
                              <img src="../../public/img/156@2x.png" />
                            </li>
                            <li title="彩虹" class="_j_emojiitem">
                              <img src="../../public/img/157@2x.png" />
                            </li>
                            <li title="游乐园" class="_j_emojiitem">
                              <img src="../../public/img/158@2x.png" />
                            </li>
                            <li title="海浪" class="_j_emojiitem">
                              <img src="../../public/img/159@2x.png" />
                            </li>
                            <li title="房子" class="_j_emojiitem">
                              <img src="../../public/img/160@2x.png" />
                            </li>
                            <li title="足迹" class="_j_emojiitem">
                              <img src="../../public/img/161@2x.png" />
                            </li>
                          </ul>
                        </div>
                        <div
                          data-emotion="apparel"
                          class="art_newface art_newface2 _j_emojilist hide"
                        >
                          <ul>
                            <li title="王冠" class="_j_emojiitem">
                              <img src="../../public/img/162@2x.png" />
                            </li>
                            <li title="草帽" class="_j_emojiitem">
                              <img src="../../public/img/163@2x.png" />
                            </li>
                            <li title="零钱包" class="_j_emojiitem">
                              <img src="../../public/img/164@2x.png" />
                            </li>
                            <li title="眼镜" class="_j_emojiitem">
                              <img src="../../public/img/165@2x.png" />
                            </li>
                            <li title="女装" class="_j_emojiitem">
                              <img src="../../public/img/166@2x.png" />
                            </li>
                            <li title="男装" class="_j_emojiitem">
                              <img src="../../public/img/167@2x.png" />
                            </li>
                            <li title="裤子" class="_j_emojiitem">
                              <img src="../../public/img/168@2x.png" />
                            </li>
                            <li title="裙子" class="_j_emojiitem">
                              <img src="../../public/img/169@2x.png" />
                            </li>
                            <li title="比基尼" class="_j_emojiitem">
                              <img src="../../public/img/170@2x.png" />
                            </li>
                            <li title="和服" class="_j_emojiitem">
                              <img src="../../public/img/171@2x.png" />
                            </li>
                            <li title="跳舞" class="_j_emojiitem">
                              <img src="../../public/img/172@2x.png" />
                            </li>
                            <li title="走路" class="_j_emojiitem">
                              <img src="../../public/img/173@2x.png" />
                            </li>
                            <li title="跑步" class="_j_emojiitem">
                              <img src="../../public/img/174@2x.png" />
                            </li>
                            <li title="冲浪" class="_j_emojiitem">
                              <img src="../../public/img/175@2x.png" />
                            </li>
                            <li title="滑雪" class="_j_emojiitem">
                              <img src="../../public/img/176@2x.png" />
                            </li>
                            <li title="游泳" class="_j_emojiitem">
                              <img src="../../public/img/177@2x.png" />
                            </li>
                            <li title="钓鱼" class="_j_emojiitem">
                              <img src="../../public/img/178@2x.png" />
                            </li>
                            <li title="足球" class="_j_emojiitem">
                              <img src="../../public/img/41@2x(1).png" />
                            </li>
                            <li title="篮球" class="_j_emojiitem">
                              <img src="../../public/img/179@2x.png" />
                            </li>
                            <li title="赛车" class="_j_emojiitem">
                              <img src="../../public/img/180@2x.png" />
                            </li>
                            <li title="冠军" class="_j_emojiitem">
                              <img src="../../public/img/181@2x.png" />
                            </li>
                          </ul>
                        </div>
                        <div
                          data-emotion="food"
                          class="art_newface art_newface2 _j_emojilist hide"
                        >
                          <ul>
                            <li title="苹果" class="_j_emojiitem">
                              <img src="../../public/img/38@2x(1).png" />
                            </li>
                            <li title="西瓜" class="_j_emojiitem">
                              <img src="../../public/img/39@2x(1).png" />
                            </li>
                            <li title="柠檬" class="_j_emojiitem">
                              <img src="../../public/img/182@2x.png" />
                            </li>
                            <li title="葡萄" class="_j_emojiitem">
                              <img src="../../public/img/183@2x.png" />
                            </li>
                            <li title="香蕉" class="_j_emojiitem">
                              <img src="../../public/img/184@2x.png" />
                            </li>
                            <li title="橙子" class="_j_emojiitem">
                              <img src="../../public/img/185@2x.png" />
                            </li>
                            <li title="菠萝" class="_j_emojiitem">
                              <img src="../../public/img/186@2x.png" />
                            </li>
                            <li title="樱桃" class="_j_emojiitem">
                              <img src="../../public/img/187@2x.png" />
                            </li>
                            <li title="草莓" class="_j_emojiitem">
                              <img src="../../public/img/188@2x.png" />
                            </li>
                            <li title="汉堡" class="_j_emojiitem">
                              <img src="../../public/img/189@2x.png" />
                            </li>
                            <li title="肉" class="_j_emojiitem">
                              <img src="../../public/img/190@2x.png" />
                            </li>
                            <li title="面条" class="_j_emojiitem">
                              <img src="../../public/img/191@2x.png" />
                            </li>
                            <li title="快餐" class="_j_emojiitem">
                              <img src="../../public/img/192@2x.png" />
                            </li>
                            <li title="寿司" class="_j_emojiitem">
                              <img src="../../public/img/193@2x.png" />
                            </li>
                            <li title="冰淇淋" class="_j_emojiitem">
                              <img src="../../public/img/194@2x.png" />
                            </li>
                            <li title="巧克力" class="_j_emojiitem">
                              <img src="../../public/img/195@2x.png" />
                            </li>
                            <li title="糖果" class="_j_emojiitem">
                              <img src="../../public/img/196@2x.png" />
                            </li>
                            <li title="蜂蜜" class="_j_emojiitem">
                              <img src="../../public/img/197@2x.png" />
                            </li>
                            <li title="餐厅" class="_j_emojiitem">
                              <img src="../../public/img/64@2x.png" />
                            </li>
                            <li title="咖啡" class="_j_emojiitem">
                              <img src="../../public/img/40@2x(1).png" />
                            </li>
                            <li title="红酒" class="_j_emojiitem">
                              <img src="../../public/img/198@2x.png" />
                            </li>
                            <li title="果汁" class="_j_emojiitem">
                              <img src="../../public/img/199@2x.png" />
                            </li>
                            <li title="啤酒" class="_j_emojiitem">
                              <img src="../../public/img/200@2x.png" />
                            </li>
                            <li title="干杯" class="_j_emojiitem">
                              <img src="../../public/img/16@2x(1).png" />
                            </li>
                            <li title="蝴蝶结" class="_j_emojiitem">
                              <img src="../../public/img/201@2x.png" />
                            </li>
                            <li title="礼物" class="_j_emojiitem">
                              <img src="../../public/img/37@2x(1).png" />
                            </li>
                            <li title="生日蛋糕" class="_j_emojiitem">
                              <img src="../../public/img/36@2x(1).png" />
                            </li>
                            <li title="万圣节" class="_j_emojiitem">
                              <img src="../../public/img/202@2x.png" />
                            </li>
                            <li title="圣诞节" class="_j_emojiitem">
                              <img src="../../public/img/203@2x.png" />
                            </li>
                            <li title="圣诞老人" class="_j_emojiitem">
                              <img src="../../public/img/204@2x.png" />
                            </li>
                            <li title="雪人" class="_j_emojiitem">
                              <img src="../../public/img/205@2x.png" />
                            </li>
                            <li title="铃铛" class="_j_emojiitem">
                              <img src="../../public/img/206@2x.png" />
                            </li>
                            <li title="庆祝" class="_j_emojiitem">
                              <img src="../../public/img/207@2x.png" />
                            </li>
                            <li title="气球" class="_j_emojiitem">
                              <img src="../../public/img/208@2x.png" />
                            </li>
                            <li title="风铃" class="_j_emojiitem">
                              <img src="../../public/img/209@2x.png" />
                            </li>
                            <li title="灯笼" class="_j_emojiitem">
                              <img src="../../public/img/210@2x.png" />
                            </li>
                          </ul>
                        </div>
                        <div
                          data-emotion="animal"
                          class="art_newface art_newface2 _j_emojilist hide"
                        >
                          <ul>
                            <li title="蚂蚁" class="_j_emojiitem">
                              <img src="../../public/img/211@2x.png" />
                            </li>
                            <li title="蜜蜂" class="_j_emojiitem">
                              <img src="../../public/img/212@2x.png" />
                            </li>
                            <li title="瓢虫" class="_j_emojiitem">
                              <img src="../../public/img/213@2x.png" />
                            </li>
                            <li title="狗狗" class="_j_emojiitem">
                              <img src="../../public/img/69@2x.png" />
                            </li>
                            <li title="猫猫" class="_j_emojiitem">
                              <img src="../../public/img/68@2x.png" />
                            </li>
                            <li title="牛" class="_j_emojiitem">
                              <img src="../../public/img/214@2x.png" />
                            </li>
                            <li title="虎" class="_j_emojiitem">
                              <img src="../../public/img/263@2x.png" />
                            </li>
                            <li title="兔子" class="_j_emojiitem">
                              <img src="../../public/img/215@2x.png" />
                            </li>
                            <li title="熊猫" class="_j_emojiitem">
                              <img src="../../public/img/216@2x.png" />
                            </li>
                            <li title="熊" class="_j_emojiitem">
                              <img src="../../public/img/285@2x.png" />
                            </li>
                            <li title="考拉" class="_j_emojiitem">
                              <img src="../../public/img/217@2x.png" />
                            </li>
                            <li title="猴子" class="_j_emojiitem">
                              <img src="../../public/img/218@2x.png" />
                            </li>
                            <li title="猪头" class="_j_emojiitem">
                              <img src="../../public/img/60@2x.png" />
                            </li>
                            <li title="青蛙" class="_j_emojiitem">
                              <img src="../../public/img/219@2x.png" />
                            </li>
                            <li title="仓鼠" class="_j_emojiitem">
                              <img src="../../public/img/220@2x.png" />
                            </li>
                            <li title="鸡" class="_j_emojiitem">
                              <img src="../../public/img/221@2x.png" />
                            </li>
                            <li title="企鹅" class="_j_emojiitem">
                              <img src="../../public/img/222@2x.png" />
                            </li>
                            <li title="章鱼" class="_j_emojiitem">
                              <img src="../../public/img/223@2x.png" />
                            </li>
                            <li title="海豚" class="_j_emojiitem">
                              <img src="../../public/img/224@2x.png" />
                            </li>
                            <li title="鱼" class="_j_emojiitem">
                              <img src="../../public/img/225@2x.png" />
                            </li>
                            <li title="马" class="_j_emojiitem">
                              <img src="../../public/img/226@2x.png" />
                            </li>
                            <li title="羊" class="_j_emojiitem">
                              <img src="../../public/img/227@2x.png" />
                            </li>
                            <li title="大象" class="_j_emojiitem">
                              <img src="../../public/img/228@2x.png" />
                            </li>
                            <li title="骆驼" class="_j_emojiitem">
                              <img src="../../public/img/229@2x.png" />
                            </li>
                            <li title="仙人掌" class="_j_emojiitem">
                              <img src="../../public/img/230@2x.png" />
                            </li>
                            <li title="椰子树" class="_j_emojiitem">
                              <img src="../../public/img/231@2x.png" />
                            </li>
                            <li title="樱花" class="_j_emojiitem">
                              <img src="../../public/img/232@2x.png" />
                            </li>
                            <li title="玫瑰" class="_j_emojiitem">
                              <img src="../../public/img/35@2x.png" />
                            </li>
                            <li title="向日葵" class="_j_emojiitem">
                              <img src="../../public/img/233@2x.png" />
                            </li>
                            <li title="枫叶" class="_j_emojiitem">
                              <img src="../../public/img/234@2x.png" />
                            </li>
                          </ul>
                        </div>
                        <div
                          data-emotion="tool"
                          class="art_newface art_newface2 _j_emojilist hide"
                        >
                          <ul>
                            <li title="时钟" class="_j_emojiitem">
                              <img src="../../public/img/235@2x.png" />
                            </li>
                            <li title="倒计时" class="_j_emojiitem">
                              <img src="../../public/img/236@2x.png" />
                            </li>
                            <li title="放大镜" class="_j_emojiitem">
                              <img src="../../public/img/237@2x.png" />
                            </li>
                            <li title="环保" class="_j_emojiitem">
                              <img src="../../public/img/238@2x.png" />
                            </li>
                            <li title="注意" class="_j_emojiitem">
                              <img src="../../public/img/51@2x.png" />
                            </li>
                            <li title="停止" class="_j_emojiitem">
                              <img src="../../public/img/239@2x.png" />
                            </li>
                            <li title="铅笔" class="_j_emojiitem">
                              <img src="../../public/img/240@2x.png" />
                            </li>
                            <li title="信" class="_j_emojiitem">
                              <img src="../../public/img/73@2x.png" />
                            </li>
                            <li title="邮筒" class="_j_emojiitem">
                              <img src="../../public/img/241@2x.png" />
                            </li>
                            <li title="书" class="_j_emojiitem">
                              <img src="../../public/img/242@2x.png" />
                            </li>
                            <li title="灯泡" class="_j_emojiitem">
                              <img src="../../public/img/243@2x.png" />
                            </li>
                            <li title="火" class="_j_emojiitem">
                              <img src="../../public/img/244@2x.png" />
                            </li>
                            <li title="对话" class="_j_emojiitem">
                              <img src="../../public/img/245@2x.png" />
                            </li>
                            <li title="图钉" class="_j_emojiitem">
                              <img src="../../public/img/246@2x.png" />
                            </li>
                            <li title="喇叭" class="_j_emojiitem">
                              <img src="../../public/img/247@2x.png" />
                            </li>
                            <li title="电话" class="_j_emojiitem">
                              <img src="../../public/img/248@2x.png" />
                            </li>
                            <li title="手机" class="_j_emojiitem">
                              <img src="../../public/img/249@2x.png" />
                            </li>
                            <li title="信号" class="_j_emojiitem">
                              <img src="../../public/img/250@2x.png" />
                            </li>
                            <li title="电池" class="_j_emojiitem">
                              <img src="../../public/img/251@2x.png" />
                            </li>
                            <li title="插头" class="_j_emojiitem">
                              <img src="../../public/img/252@2x.png" />
                            </li>
                            <li title="照相机" class="_j_emojiitem">
                              <img src="../../public/img/253@2x.png" />
                            </li>
                            <li title="录像机" class="_j_emojiitem">
                              <img src="../../public/img/254@2x.png" />
                            </li>
                            <li title="票" class="_j_emojiitem">
                              <img src="../../public/img/255@2x.png" />
                            </li>
                            <li title="音乐" class="_j_emojiitem">
                              <img src="../../public/img/63@2x.png" />
                            </li>
                            <li title="绘画" class="_j_emojiitem">
                              <img src="../../public/img/256@2x.png" />
                            </li>
                            <li title="锁" class="_j_emojiitem">
                              <img src="../../public/img/257@2x.png" />
                            </li>
                            <li title="置顶" class="_j_emojiitem">
                              <img src="../../public/img/258@2x.png" />
                            </li>
                            <li title="十八禁" class="_j_emojiitem">
                              <img src="../../public/img/259@2x.png" />
                            </li>
                            <li title="秘密" class="_j_emojiitem">
                              <img src="../../public/img/260@2x.png" />
                            </li>
                            <li title="正确" class="_j_emojiitem">
                              <img src="../../public/img/261@2x.png" />
                            </li>
                            <li title="错误" class="_j_emojiitem">
                              <img src="../../public/img/262@2x.png" />
                            </li>
                          </ul>
                        </div>
                      </div>
                    </div>
                  </dt>
                  <dd>
                    <div class="reply-text">
                      <textarea
                        name="content"
                        cols="30"
                        rows="10"
                        id="commentContent"
                        placeholder=""
                        class="_j_replyarea"
                      ></textarea>
                    </div>
                  </dd>
                </dl>
                <div class="reply-submit">
                  <a
                    role="button"
                    title="发表回复"
                    class="_j_publish_reply commentBtn"
                  >
                    发表回复
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="view_side">
        <div class="relations _j_stas_content">
          <div
            id="pagelet-block-b50249fefe90f4816744a1eed56a7049"
            data-api=":note:pagelet:rightMddApi"
            data-params='{"iid":"12655354"}'
            data-async="1"
            data-controller=""
            class="pagelet-block"
          >
            <div class="slide-right-container">
              <div class="relation_mdd">相关目的地： &nbsp;&nbsp;</div>
              <div class="its_others">
                <div class="mdd_info">
                  <a
                    href="./views/destination/guide?id=5e2ab4f48847000059006e2c"
                    title="detail.dest.name"
                    target="_blank"
                    class="_j_mdd_stas"
                  >
                    <img
                      src="../../public/img/faedab64034f78f05ebbe45f7b310a55b2191ced.jpg"
                      width="240px"
                    />
                    <i></i>
                    <strong>上海</strong>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="side_sticky _j_sticky_block">
          <div
            id="pagelet-block-cf05fa839072c3781ee6b0ff89ced384"
            class="pagelet-block"
          >
            <div id="_j_mainmdd_rel_gls" class="mainmdd_rel_notes _j_topblock">
              <div class="notes_gonglve" style="margin-bottom: 0px;">
                <div class="side_title">相关攻略</div>
                <div id="_j_gl_slide_container" class="gonglve_slide gs1">
                  <ul class="gs_content" style="left: 0px;"></ul>
                  <ul class="gs_nav gs_nav3">
                    <li
                      data-id="0"
                      class="gs_nav_item1 _j_gl_item_switch on"
                    ></li>
                    <li data-id="1" class="gs_nav_item2 _j_gl_item_switch"></li>
                    <li data-id="2" class="gs_nav_item3 _j_gl_item_switch"></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div
          id="pagelet-block-9ec395fc9c1fc520835dc7de18ceacb1"
          class="pagelet-block"
        >
          <div id="_j_mainmdd_rec_gls" class="mainmdd_rel_notes _j_topblock">
            <div class="notes_gonglve" style="margin-bottom: 0px;">
              <div class="side_title">相关游记</div>
              <div id="_j_rec_slide_container" class="gonglve_slide gs1">
                <ul class="gs_content" style="left: 0px;"></ul>
                <ul class="gs_nav gs_nav3">
                  <li
                    data-id="0"
                    class="gs_nav_item1 _j_gl_item_switch on"
                  ></li>
                  <li data-id="1" class="gs_nav_item2 _j_gl_item_switch"></li>
                  <li data-id="2" class="gs_nav_item3 _j_gl_item_switch"></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { ApiTravelsDetail } from '@/utils/api.js'
export default {
  data() {
    return {
      // 页面数据
      dataList: '',

      // 创建时间
      createTime:'',
      
    // 作者名称
    nickname:'',

    // 作者地址
    city:'',

    // 出发时间
    travelTime:''


    }
  },

  created() {
    this.getData()
    document.scrollingElement.scrollTop = 0
  },

  methods: {
    async getData() {
      let { data: res } = await ApiTravelsDetail({ id: this.$route.query.id })
      console.log(res.data)
      this.dataList = res.data
      this.createTime = res.data.travelTime.substring(0, 10)
      this.nickname = res.data.author.nickname
      this.city = res.data.author.city
      this.travelTime = res.data.travelTime.substring(0, 10)

      console.log(res.data.content)

    },
  },
}
</script>

<style scoped>
@import '../css/base.css';
@import '../css/travelnotedetail.css';
</style>
